<template>
    <svg 
        :class="className"
        viewBox="0 0 120 120" 
        fill="none" 
        xmlns="http://www.w3.org/2000/svg"
        :width="size"
        :height="size"
    >
        <!-- 帖子卡片1（底层，最淡） -->
        <rect 
            x="25" 
            y="25" 
            width="70" 
            height="20" 
            rx="3" 
            fill="currentColor" 
            opacity="0.5"
        />
        
        <!-- 帖子卡片2（中层） -->
        <rect 
            x="25" 
            y="50" 
            width="70" 
            height="20" 
            rx="3" 
            fill="currentColor" 
            opacity="0.7"
        />
        
        <!-- 帖子卡片3（顶层，最显眼） -->
        <rect 
            x="25" 
            y="75" 
            width="70" 
            height="20" 
            rx="3" 
            fill="currentColor" 
            opacity="0.9"
        />
        
        <!-- 装饰线条（模拟帖子内容） -->
        <line 
            x1="35" 
            y1="32" 
            x2="85" 
            y2="32" 
            stroke="white" 
            stroke-width="1.5" 
            opacity="0.8"
            stroke-linecap="round"
        />
        <line 
            x1="35" 
            y1="57" 
            x2="70" 
            y2="57" 
            stroke="white" 
            stroke-width="1.5" 
            opacity="0.6"
            stroke-linecap="round"
        />
        <line 
            x1="35" 
            y1="82" 
            x2="80" 
            y2="82" 
            stroke="white" 
            stroke-width="1.5" 
            opacity="0.9"
            stroke-linecap="round"
        />
    </svg>
</template>

<script setup>
defineProps({
    className: {
        type: String,
        default: '',
    },
    size: {
        type: [Number, String],
        default: 40,
    },
});
</script>

